// 首页倒计时
function countTime() {

    //获取当前时间

    var date = new Date();

    var now = date.getTime();

    //设置截止时间

    var endDate = new Date("2021-10-31 00:00:00");

    var end = endDate.getTime();

    //获取截止时间和当前时间的时间差

    var leftTime = end-now;

    //定义变量 d,h,m,s分别保存天数，小时，分钟，秒

    var d,h,m,s;

    //判断剩余天数，时，分，秒

    if (leftTime>=0) {

        d = Math.floor(leftTime/1000/60/60/24);

        h = Math.floor(leftTime/1000/60/60%24);

        m = Math.floor(leftTime/1000/60%60);

        s = Math.floor(leftTime/1000%60);                  

    }

    //将时间赋值到div中
    document.getElementById("hour").innerHTML = h;

    document.getElementById("minute").innerHTML = m

    document.getElementById("second").innerHTML = s;

    //递归每秒调用countTime方法，显示动态时间效果

    setTimeout(countTime,1000);
}
countTime();


$(".clothesSolides").tyslide({
    boxh:300,//盒子的高度
    w:456,//盒子的宽度
    h:300,//图片的高度
    isShow:true,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:20,//控制按钮高度
    radius:0,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:true //是否显示数字
})


$(".sliderList").tyslide({
    boxh:285,//盒子的高度
    w:960,//盒子的宽度
    h:285,//图片的高度
    isShow:false,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:20,//控制按钮高度
    radius:0,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:false //是否显示数字
})




//回到顶部
let height;   //始终指向当前高度
let topHeight; //用于做头部滚动的高度
let speed = 100;

//设置监听事件
window.onscroll = function(){
    height = window.scrollY;
    topHeight = window.scrollY;
    //回到顶部效果
    if(height>=1500){
        $('#returnTop').css('display','block');
        $('#shopCar').css('display','block')        //左边购物车二维码
        $('.scroll').css('display','block')
    }else{
        $('#returnTop').css('display','none');
        $('#shopCar').css('display','none')         //左边购物车二维码
        $('.scroll').css('display','none') 
    }
    //头部滚动效果
    if(topHeight>=200){
        $('.topScroll').stop().slideDown(100);
        $('.search').appendTo('.topScroll>div');
    }else{
        $('.topScroll').stop().slideUp(100);
        $('.search').prependTo('#header .check');
    }

}
$('#returnTop').click(function(){
    let time = setInterval(function(){
        //不断更新height的值
        height = height - speed;
        if(height<=0){
            clearInterval(time);
            window.scrollTo(0,0);
        }
        window.scrollTo(0,height);  //实施滚动
        
        

    },50)
})
//服装、户外运动和童装区域
$('.common_title ul>li').mouseenter(function(){
    //改变li的样式
    $(this).addClass('active').siblings().removeClass('active');
    //获取当前鼠标移入的li的索引
    let index = $(this).index(); 
    //改变下面内容
    $(this).closest('.common_title').siblings('.common_body').eq(index).addClass('on').siblings().removeClass('on');
})

let bgArr = ['#ffbd0d','#7a45e5','#f770cf','#00b262'];
//鼠标移入事件
$('.scroll>li').on({
        //楼层滚动
        mouseenter:function(){
        $(this).css('background-position-x','-40px');
        $(this).css('background-color',bgArr[$(this).index()]);
        //隐藏的div从左向右滚动出现
        $(this).stop().animate({width:100},500);
    },
        //鼠标移出事件
        mouseleave:function(){
        $(this).css('background-position-x','0px');
        $(this).css('background-color','');
        $(this).stop().animate({width:0},10);
    },
        // 鼠标点击事件
        click:function(){
            let index = $(this).index();
            //获得当前索引值
            let top = $('.floor').eq(index).offset().top;
            $('html,body').stop().animate({scrollTop:top},300);
    //    })
    
    }
})
